Macbook如何打开Chrome调试工具Developer Tools

最新推荐文章于 2023-08-18 08:04:55 发布
最新推荐文章于 2023-08-18 08:04:55 发布
阅读量5.8k 收藏
点赞数 1
分类专栏： 程序人生 文章标签： 开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tracy_cui/article/details/109637707
版权

听开发人员说，前端开发必备神器——谷歌浏览器（Chorme）自带的前端调试工具——Developer Tools.

搜了一下， 都说 快键键F12即可打开Devloper Tools：

在我的本上敲了几遍F12，没反应啊，左看右看，键盘没坏，键盘没进水啊啊。

re-search了一番，Mac上是右键，在弹出的菜单中选“Inspect”/ “检查元素”

总结一下：

如何打开developer Tools？

  • 1. F12
  • 2. 右键，Inspect
JohannaCui
关注
专栏目录
【工程项目经验】mac电脑lldb调试工具
walkingMa的专栏
06-12 572
目录描述1. LLDB 与 GDB1.1 LLDB 支持平台1.2 语法1.3 进入调试状态1.4 看代码1.5 变量打印1.6 断点调试1.7 流程控制1.8 调试信息1.9 观察者2.0 帮助2.1 参考附录A 1. LLDB 与 GDB 在 Xcode4.2 以前 Xcode 编译器还是 GCC(前端) + LLVM(后端) 架构，此时调试器还是 GDB 的时代。在 Xcode4.2 Clang(前端) + LLVM3.0(后端) 成为了默认编译器，之后从 Xcode4.3 开始 LLDB 成为了 X
Google Chrome开发者工具-移动仿真 触摸事件仿真
qq_43668086的博客
02-09 1087
Google Chrome开发者工具-移动仿真 触摸事件仿真
用mac的chrome浏览器调试Android手机的网页
weixin_30888027的博客
03-23 2656
一、参考链接 read chrome remote debugging documentation 调出开发者选项 二、设置android 在安卓4.2及更新的版本中，默认情况下，【开发者选项】是隐藏的。要启用【开发者选项】，设置 -> 关于手机 -> 版本号，对着版本号点击7次。 设置 -> 开发者选项 -> USB调试 三、连接手机和电脑 ...
macos调试模式运行chrome
impingo的博客
05-14 872
首先确保退出chrome进程，然后在终端运行chrome "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --enable-logging=stderr --v=1
Mac终端安装“Install Command Line Developer Tools” （目的：终端使用SVN命令）
热门推荐
BORN TO WIN
12-26 4万+
首先，查看自己的 Xcode 版本号： XCode ---> About Xcode 使用前安装文件： http://linjiex.com/how-to-install-command-line-tools/ 终端使用 SVN 命令： http://www.cnblogs.com/heiniuhaha/archive/2011/11/11/2245594.htm
Mac OS Lion上消失的Developer Tools
xy5811的专栏
05-10 1313
转自：http://www.scicoder.org/2012/03/developer-tools-on-os-x-10-7-lion/ Developer Tools on OS X 10.7 (Lion) Posted by Demitri Muna on Mar 6, 2012 in Blog, Mac6 comments Apple has
macbook Safari 如何打开F12 Console 控制台 开发者工具 Developer Tools
wuyujin1997的博客
08-24 3万+
可以切换常用的 Element，Console，Source， Network等工具面板。要关闭开发者工具，需要用鼠标点击工具栏左侧的叉号(暂时没有发现快捷键。或：Safari–Preferences呼出首选项面板(或用快捷键。首先要启用开发者模式，然后就可以打开开发者工具。即可打开开发者工具。...
MacBook pro OS catalina 安装oh-my-zsh，homebrew, Command_Line_Tools_for_Xcode
XH生信和机器学习空间
10-12 1230
新入手一代macbook pro 16 寸，然后发现terminal 颜色太差，想调整一下颜色，准备下载oh-my-zsh，安装的时候发现巨多坑。 我的os未升级，版本为 macOS Catalina Version 10.14.0 首先你采用美化并增强Mac终端介绍的方法，在终端中运行： @macbook ~ $ git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh xcode-select: note: no devel
在电脑上调试手机上的webview
llz383455526的专栏
01-25 3819
以下操作基于Chrome浏览器。 步骤： [TOC]1. 在前期开发阶段，使用开发者工具，粗略查看页面在不同平台（Android、Iphone）、不同分辨率下的显示效果。这个就不用多说了，web开发者都会用这个。2. 后期测试阶段，使用inspect工具。查看页面再具体手机上的显示效果。 手机通过连上电脑，并打开usb调试（Android如此，Iphone可以使用Safari自带的工具）。 浏览
mac开发效率提升之工具篇
hebiwen95的博客
08-23 679
而 Alfred 的工作流正是为了解决这个问题而设计的. 如果我们使用网友开发的 有道词典 的 workflow, 最快只需通过两次按键便可获取单词的查询结果. 假如: 为了查询单词"workflow", 我会选中单词所在区域, 然后按住 Option+Y 键(我已将有道翻译的快捷键设置为 Option+Y), 单词查询结果就出来了, 而且不需要切换应用, 同时查询结果也较少的挡住工作区了.以上, 推荐开发使用 Typora, 产品等使用 Ulysses.Mac下载-Mac软件-Mac软件下载。
Mac上更改Chrome的主题
turbomit的专栏
01-12 3001
（以下的前提是Mac Chrome）       直接使用Chrome调试器编写代码的同学福音，如何设置自己的调试器，使其能够应用各种主题，达到Sublime等的视觉效果~本文对新旧版本的Chrome浏览器都可以（Stackoverflow上说分割点是Chrome 33），直奔主题： Mac上对于低版本的chrome浏览器： 1）找到合适Chome主题css文件（例如Obsidian
Mac Chrome 快捷键
TryCatch
03-12 746
呼出调试模式：option + command (审查元素) 刷新页面 ： command+r
如何启用Chrome DevTools应用进行远程调试
cune1359的博客
06-07 1856
Chrome DevTools应用程序是由Kenneth Auchenberg创建的，旨在将devtools从浏览器中移除 -在这种情况下，将其从Chrome浏览器中移除 。 该应用程序基于NW.js构建 ，可以在Mac OS X以及Linux和Windows上运行。 有许多原因促使制造商创建了此文件，但他的愿景是为开发人员提供跨多个浏览器进行远程调试的便利， 这些浏览器均来自同一统一平台...
Mac OS X Debugging Magic
技术笔记本
02-07 1023
Mac OS X调试的众多技巧 Mac OS X Debugging Magic
企业微信电脑端开启chrome调试
u014165391的博客
08-18 2064
然后我们点击 『浏览器、webView相关』菜单，勾选上 『工作台使用cef浏览器』子菜单，此时我们就可以chrome的开发者工具进行调试了。以实际的H5项目举例，鼠标右键，通过『打开调试』 按钮就可以唤起chrome开发者工具进行调试了;Mac端调试开启的快捷键：control + shift + command + d。Window端调试开启的快捷键: control + shift + alt + d。
没有外网，不用翻墙Mac安装react developer tools
weixin_39755630的博客
05-12 1323
非常感谢博主ygman 转参考博文 因本人按照此博文安装还是遇到了一些小问题，所以这里在补充自己遇到的问题及解决 安装步骤： 1、进入该GitHub网址下载zip源码，因博主给的链接对应的分支不是所要分支，所以开始我下载安装报错，这里给直接地址,而非参考博文中的地址:分支v3地址 2、下载后把对应文件夹拖到终端 在终端中输入命令安装依赖 npm --registry https://registry.npm.taobao.org install 如下图所示则是安装成功 接着运行 npm run bui
Mac的chrome里的F12在哪里
intelrain的博客
04-02 3万+
command + shift + i
使用chrome浏览器调试时的搜索技巧
PhilsphyPrgram的博客
11-16 5003
前端的chrome调试技巧
Chrome浏览器如何打开调试工具
arui760318的博客
01-12 6027
Chrome浏览器及基于Chromium内核的Edge应该是目前最流行的桌面浏览器了。 前端小伙伴进来一看标题，此文莫非是超纯净水？不就是一句的事儿吗？4个字：按F12，结束。 确实，大部分情况下这样就轻松打开了调试工具，但你有没有想过F12快捷键被其他系统快捷键占用了、甚至于说有些异型键盘没有F12等等情况怎么办？事实上Edge作为微软产品，它的F12能被组策略禁用的，有的公司就有在域组策略强制关闭F12（生产环境、非开发环境）以确保网站安全，比如我们公司，Chrome也有企业版支持组策略这么搞。
macbook打开jupyter
最新发布
09-18
要在Macbook上打开Jupyter Notebook，您可以按照以下步骤进行操作： 1. 首先，确保您已经安装了Python（建议使用3.8版本及以上）。您可以在终端中输入以下命令来检查Python的版本：python --version 2. 如果您还没有安装Anaconda，可以前往官方网站（Anaconda | Individual Edition）下载并安装Anaconda。 3. 打开终端，并输入以下命令来安装Jupyter Notebook： conda install jupyter notebook 4. 接下来，您需要将pip升级到最新版本。在终端中输入以下命令： pip3 install --upgrade pip 5. 最后，您可以启动Jupyter Notebook。在终端中输入以下命令： jupyter notebook 执行完命令后，终端会显示一系列notebook的服务器信息，并且浏览器将会自动启动Jupyter Notebook。在浏览器地址栏中，您将看到默认的Jupyter Notebook界面：http://localhost:8888 如果您想退出Jupyter Notebook，只需关闭终端上的服务器即可。按下Macbook上的control c即可。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JohannaCui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值